<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.placeholder.1.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
        	// Mock client code for testing purpose
			$(function(){
				// Client should be able to add another change event to the textfield
				//$("input[name='input1']").blur(function(){ alert("Custom event triggered."); });	
				// Client should be able to set the field's styles, without affecting place holder
				//$("textarea[name='input4']").css("color", "red");
				
				// Initialize placeholder
				$.Placeholder.init();
				
                // or try initialize with parameter
				//$.Placeholder.init({ color : 'rgb(255, 255, 0)' });
                
                // call this before form submit if you are submitting by JS
                //$.Placeholder.cleanBeforeSubmit();
			});
        </script>

	</head>
	<body>
		<input type="text" placeholder="请输入用户名" />
		
	</body>
</html>
